/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: content-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
.icon {
  background: url("../images/icon-home.png") no-repeat;
  display: inline-block;
}
.icon-l {
  background: url("../images/icon-l.png") no-repeat;
  display: inline-block;
}
.icon-close {
  height: 13px;
  width: 13px;
  background-position: 0 0;
}
.icon-right {
  height: 46px;
  width: 59px;
  background-position: 0 -42px;
}
.icon-right-green {
  height: 28px;
  width: 30px;
  margin-top: -14px;
  background-position: -31px 0;
}
.icon-location-black {
  height: 18px;
  width: 14px;
  background-position: 0 0;
}
.icon-serch-black {
  height: 28px;
  width: 28px;
  background-position: -19px -1px;
}
.icon-safe {
  height: 55px;
  width: 46px;
  background-position: -50px 0;
}
.icon-business {
  height: 54px;
  width: 50px;
  background-position: -105px -1px;
}
.icon-protect {
  height: 52px;
  width: 54px;
  background-position: -167px 0;
}
.icon-money {
  height: 53px;
  width: 59px;
  background-position: -240px 0;
}
.icon-design {
  height: 54px;
  width: 63px;
  background-position: -315px 0;
}
.icon-software {
  height: 50px;
  width: 69px;
  background-position: -395px -4px;
}
.icon-p {
  background: url("../images/icon-p.png") no-repeat;
  display: inline-block;
}
.ico-location-white {
  height: 18px;
  width: 10px;
  background-position: 0 5px;
}
.icon-size-white {
  height: 18px;
  width: 13px;
  background-position: -28px 2px;
}
.icon-previous-hover {
  height: 30px;
  width: 30px;
  background-position: 0 -90px;
}
.icon-next-pre {
  height: 30px;
  width: 30px;
  background-position: -224px -93px;
}
.icon-next-nor {
  height: 30px;
  width: 30px;
  background-position: -54px -53px;
}
.icon-top {
  height: 30px;
  width: 30px;
  background-position: -264px -130px;
}
.icon-previous-pre {
  height: 30px;
  width: 30px;
  background-position: -224px -54px;
}
.icon-previous-nor {
  height: 30px;
  width: 30px;
  background-position: 0 -51px;
}
.icon-next-hover {
  height: 30px;
  width: 30px;
  background-position: -55px -91px;
}
.icoc-lastpage-nor {
  height: 30px;
  width: 30px;
  background-position: -103px -54px;
}
.icoc-lastpage-hover {
  height: 30px;
  width: 30px;
  background-position: -103px -92px;
}
.icoc-lastpage {
  height: 30px;
  width: 30px;
  background-position: -103px -129px;
}
.icon-next {
  height: 30px;
  width: 30px;
  background-position: -55px -129px;
}
.icon-back {
  height: 30px;
  width: 30px;
  background-position: 0 -129px;
}
.icoc-lastpage-pre {
  height: 30px;
  width: 30px;
  background-position: -150px -92px;
}
/* .icon-serch-black { */
/*   height: 42px; */
/*   width: 44px; */
/*   background-position: -532px -85px; */
/* } */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
h3 {
  font-size: 16px;
}
.t-top {
  z-index: 888;
  top: 0;
}
.nav {
  background: #fff;
  height: 34px;
  width: 100%;
  border-bottom: 1px solid #000;
  font-size: 12px;
}
.nav:before,
.nav:after {
  content: " ";
  display: table;
}
.nav:after {
  clear: both;
}
.nav:before,
.nav:after {
  content: " ";
  display: table;
}
.nav:after {
  clear: both;
}
.nav .logo {
  font-size: 20px;
  float: left;
  padding: 10px 0 0;
}
.nav .nav-list {
  float: left;
  margin: 4px 0 0;
}
.nav .nav-list:before,
.nav .nav-list:after {
  content: " ";
  display: table;
}
.nav .nav-list:after {
  clear: both;
}
.nav .nav-list:before,
.nav .nav-list:after {
  content: " ";
  display: table;
}
.nav .nav-list:after {
  clear: both;
}
.nav .nav-list li {
  float: left;
  list-style: none;
  margin-right: 32px;
}
.nav .nav-list li a {
  display: inline-block;
  position: relative;
  padding-top: 5px;
}
.nav .nav-list li a:hover {
  text-decoration: none;
}
.nav .nav-list li a:hover:after,
.nav .nav-list li a.active:after {
  position: absolute;
  border-width: 8px;
  border-style: solid;
  content: ' ';
  border-color: transparent transparent #000 transparent;
  bottom: -8px;
  left: 50%;
  margin-left: -8px;
}
.nav-tool {
  float: right;
  margin-bottom: 5px;
  height: 30px;
}
.nav-tool .i-search {
  float: left;
  border-bottom: 1px solid #000;
  width: 228px;
  margin-right: 32px;
}
.nav-tool .i-search .i-search-input {
  width: 186px;
  float: left;
  border: none;
  height: 24px;
  margin-top: 3px;
  padding: 3px 2px 0;
  outline: 0;
}
.nav-tool .i-search .btn-search {
  float: right;
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  border: none;
  outline: 0;
  background: transparent;
}
.nav-tool .list {
  padding-left: 0;
  float: left;
  margin: 6px 0 0 0;
}
.nav-tool .list li {
  float: left;
  list-style: none;
}
.nav-tool .list li.login {
  margin-right: 13px;
  border: 1px solid #000;
  padding: 2px 5px;
}
.nav-tool .list li.reg {
  margin-top: 3px ;
}
.child-menu {
  padding-top: 45px;
  margin-bottom: 30px;
  margin-top: 8px;
}
.child-menu:before,
.child-menu:after {
  content: " ";
  display: table;
}
.child-menu:after {
  clear: both;
}
.child-menu:before,
.child-menu:after {
  content: " ";
  display: table;
}
.child-menu:after {
  clear: both;
}
.child-menu .sub-nav-list {
  float: left;
  margin: 0;
  padding: 0;
}
.child-menu .sub-nav-list li {
  list-style: none;
  float: left;
  font-size: 12px;
  margin-right: 10px;
}
.child-menu .sub-nav-list li a {
  line-height: 20px;
  padding: 1px 5px 1px;
  display: inline-block;
  -webkit-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}
.child-menu .sub-nav-list li a.active,
.child-menu .sub-nav-list li a:hover {
  background: #000;
  color: #fff;
}
.child-menu .title-label {
  float: right;
  height: 22px;
  border: 1px solid #000000;
  font-size: 12px;
  line-height: 20px;
}
.child-menu .title-label .at-bg {
  background: #000;
  color:#716B6B;
  padding: 0px 5px 2px;
  float: right;
}
.child-menu .title-label .at-white {
  padding: 0 5px 2px;
  float: right;
}
* {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
*:before,
*:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
html {
  font-size: 12px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: '微软雅黑', '宋体', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.1em;
  color: #000;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #000;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #000;
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.container {
  width: 980px;
  margin: 0 auto;
  height: 100%;
}
.container:before,
.container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
.container:before,
.container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
.container-fuld {
  width: 100%;
}
.row {
  margin: 0 -2%;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.row-i {
  font-size: 12px;
  margin-bottom: 20px;
  line-height: 2em;
}
.col-1 {
  float: left;
  width: 6%;
  margin: 0 2%;
}
.col-2 {
  float: left;
  width: 16%;
  margin: 0 2%;
}
.col-3 {
  float: left;
  width: 26%;
  margin: 0 2%;
}
.col-5 {
  float: left;
  width: 46%;
  margin: 0 2%;
}
.col-6 {
  float: left;
  width: 56%;
  margin: 0 2%;
}
.col-7 {
  float: left;
  width: 66%;
  margin: 0 2%;
  overflow: hidden;
}
.col-8 {
  float: left;
  width: 76%;
  margin: 0 2%;
  overflow: hidden;
}
.col-9 {
  float: left;
  width: 86%;
  margin: 0 2%;
  overflow: hidden;
}
.col-10 {
  float: left;
  width: 96%;
  margin: 0 2%;
}
.slide-box {
  padding-top: 64px;
  margin-bottom: 60px;
  position: relative;
  height: 550px;
}
.slide-control-box {
  position: absolute;
  left: 50%;
}
.slide-control {
  position: relative;
  bottom: 30px;
  z-index: 2;
  float: left;
  padding: 0;
  margin: 0;
  right: 50%;
  height: 10px;
}
.slide-control li {
  list-style: none;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
  float: left;
  margin: 0 10px;
  cursor: pointer;
}
.slide-control li:hover,
.slide-control li.active {
  background: rgba(0, 0, 0, 0.5);
}
.slide-cop {
  position: relative;
  overflow: hidden;
}
.slide-cop .slide {
  position: absolute;
  right: 0;
  display: none;
  z-index: 0;
}
.slide-cop .slide img {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.slide-cop .slide.sl-active {
  z-index: 1;
}
.slide-cop .slide.sl-active img {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.slide-lg-box {
  overflow: hidden;
}
.slide-lg-box .slide-lg-m {
  height: 600px;
  margin: 0 0 10px;
  padding: 0;
}
.slide-lg-box .slide-lg-m:before,
.slide-lg-box .slide-lg-m:after {
  content: " ";
  display: table;
}
.slide-lg-box .slide-lg-m:after {
  clear: both;
}
.slide-lg-box .slide-lg-m:before,
.slide-lg-box .slide-lg-m:after {
  content: " ";
  display: table;
}
.slide-lg-box .slide-lg-m:after {
  clear: both;
}
.slide-lg-box .slide-lg-m li .img-info {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 20px;
  padding: 3px 0px 7px;
  background: #000;
  color: #fff;
  font-size: 12px;
  bottom: 0px;
}
.slide-lg-box .slide-lg-m li .img-info .k-label {
  padding-left: 16px;
  padding-right: 18px;
}
.btn {
  outline: 0;
  display: inline-block;
}
.btn-tran {
  background: none;
  border: none;
  -webkit-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}
.btn-tran:hover {
  background: #eee;
}
.btn-lg {
  width: 160px;
  text-align: center;
  padding: 8px 0 10px;
}
.btn-top {
  position: absolute;
}
.btn-lg-a {
  width: 240px;
  text-align: center;
  line-height: 40px;
  font-size: 18px;
  background: #000;
  color: #fff;
  border: none;
  -webkit-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}
.btn-lg-a:hover {
  background: #333333;
}
.large-menu {
  margin-bottom: 20px;
  margin-left: 50px;
}
.large-menu .lm-1 {
  margin-right: 200px;
}
.title-lg {
  font-size: 24px;
  text-align: center;
  border-bottom: 2px solid #979797;
  line-height: 2em;
  font-weight: normal;
  padding-bottom: 10px;
}
.title-md {
  font-size: 18px;
  color: #929292;
  text-align: center;
  border-bottom: 2px solid #303030;
  padding-bottom: 14px;
}
.text-content {
  padding-left: 100px;
}
.gray-txt {
  font-size: 16px;
  color: #666;
  line-height: 24px;
}
.txt-gray,
a.txt-gray {
  color: #666;
}
a.txt-gray:hover {
  color: #000000;
}
button.txt-gray {
  background: none;
  border: none;
  color: #666;
}
.margin-bottom-lg {
  margin-bottom: 110px;
}
.margin-lg {
  margin: 60px auto 30px;
}
.margin-bottom-base {
  margin-bottom: 30px;
}
.padding-lg {
  padding-right: 60px;
}
.tip-info {
  font-size: 12px;
  color: #666;
  margin-bottom: 100px;
}
.tip-info .ik-1 {
  margin-left: 50px;
}
.tip-info .ik-t {
  margin: 0 100px 0 120px;
}
.txt-primary {
  font-size: 12px;
  color: #58D55C;
  line-height: 1.5em;
}
.footer {
  background: #000;
  padding: 20px 0;
}
.text-f {
  font-size: 12px;
  color: #303030;
  text-align: center;
}
.p-info-lg {
  margin-bottom: 30px;
}
.p-info-lg:before,
.p-info-lg:after {
  content: " ";
  display: table;
}
.p-info-lg:after {
  clear: both;
}
.p-info-lg:before,
.p-info-lg:after {
  content: " ";
  display: table;
}
.p-info-lg:after {
  clear: both;
}
.p-info-lg .text-info-mo {
  width: 560px;
  height: 600px;
  float: right;
  font-size: 14px;
  position: relative;
}
.p-info-lg .text-info-mo .info {
  color: #666666;
  line-height: 19px;
/*   width: 240px; */
  max-height: 400px;
  overflow: auto;
}
.p-info-lg .text-info-mo .btn-lg-a {
  position: absolute;
  bottom: 0;
  left: 0;
}
.p-info-lg .text-info-mo .label-lg {
  position: absolute;
  bottom: 0;
  right: 0;
}
.label-lg {
  width: 280px;
  height: 60px;
  padding-top: 20px;
  background: #000;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  box-shadow: 0 0 20px #333;
  display: none;
}
.label-lg a {
  color: #fff;
}
.info-b {
  font-size: 12px;
  margin-top: 20px;
}
.info-b span {
  display: inline-block;
  min-width: 40px;
}
.info-b .pull-left {
  margin-right: 20px;
}
.footerFix {
  position: fixed;
  bottom: 0;
}
.img-list-box {
  margin-bottom: 40px;
}
.img-list-base {
  padding: 0;
  margin: -5px;
}
.img-list-base:before,
.img-list-base:after {
  content: " ";
  display: table;
}
.img-list-base:after {
  clear: both;
}
.img-list-base:before,
.img-list-base:after {
  content: " ";
  display: table;
}
.img-list-base:after {
  clear: both;
}
.img-list-base li {
  list-style: none;
  box-shadow: 0 0 3px #ddd;
  float: left;
  width: 485px;
  margin: 5px 5px 5px 5px;
  position: relative;
  overflow: hidden;
}
.img-list-base li img {
  width: 100%;
}
.img-list-base li:hover .p-c-info {
  right: 0;
}
.img-list-base li .p-c-info {
  position: absolute;
  right: -200px;
  height: 100%;
  width: 200px;
  top: 0;
  -webkit-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  transition: 0.3s ease;
}
.img-list-base li .p-info {
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  width: 200px;
  height: 100%;
  background: url('../images/p-bg.png') top right no-repeat;
  filter: url(blur.svg#blur);
  /* FireFox, Chrome, Opera */
  -webkit-filter: blur(20px);
  /* Chrome, Opera */
  -moz-filter: blur(20px);
  -ms-filter: blur(20px);
  filter: blur(20px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=20, MakeShadow=false);
  /* IE6~IE9 */
}
.img-list-base li .p-txt-info {
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
  width: 200px;
  height: 100%;
}
.img-list-base li .p-txt-info .p-head-box {
  text-align: center;
  margin-top: 30px;
}
.img-list-base li .p-txt-info .p-head-box .p-head {
  width: 98px;
  height: 98px;
  border-radius: 50%;
  border: 1px solid #fff;
}
.img-list-base li .p-txt-info p {
  font-size: 12px;
  color: #fff;
  text-align: center;
}
.img-list-base li .p-txt-info p a {
  padding: 3px 10px;
  border: 1px solid #fff;
  line-height: 20px;
  color: #fff;
  font-size: 14px;
  -webkit-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}
.img-list-base li .p-txt-info p a:hover {
  background: #dddddd;
  color: #000000;
  border-color: #dddddd;
  box-shadow: inset 0 0 5px #888;
}
.img-list-base li .img-info {
  position: absolute;
  z-index: 3;
  width: 100%;
  height: 20px;
  padding: 3px 0px 7px;
  background: #000;
  color: #fff;
  font-size: 12px;
  bottom: 0;
}
.img-list-base li .img-info .k-label {
  padding-left: 16px;
  padding-right: 18px;
}
.img-list-small {
  padding: 0;
  margin: -5px;
}
.img-list-small:before,
.img-list-small:after {
  content: " ";
  display: table;
}
.img-list-small:after {
  clear: both;
}
.img-list-small:before,
.img-list-small:after {
  content: " ";
  display: table;
}
.img-list-small:after {
  clear: both;
}
.img-list-small li {
  float: left;
  box-shadow: 0 0 3px #ddd;
  border-radius: 2px;
  height: 284px;
  width: 188px;
  overflow: hidden;
  position: relative;
  margin: 5px;
}
.img-list-small li .img-info {
  position: absolute;
  z-index: 2;
  bottom: 0;
  height: 20px;
  width: 100%;
  font-size: 12px;
  color: #fff;
}
.img-list-small li .img-info .k-label {
  display: inline-block;
  width: 60px;
  padding-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.img-list-small li .img-info .k-label-lg {
  float: right;
  width: 90px;
  padding-right: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.img-list-small li .img-mark {
  position: absolute;
  bottom: -284px;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(top, transparent 0%, #000 100%);
  background-image: -o-linear-gradient(top, transparent 0%, #000 100%);
  background-image: linear-gradient(to bottom, transparent 0%, #000 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff000000', GradientType=0);
  -webkit-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}
.img-list-small li:hover .img-mark {
  bottom: 0;
}
.img-lg-box {
  float: left;
  width: 400px;
  height: 600px;
  overflow: hidden;
  box-shadow: 0 0 3px #ddd;
}
.u-list {
  float: left;
  display: table;
  margin-right: 20px;
}
.u-list .img-box-r {
  width: 120px;
  height: 120px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  background: #eeeeee;
}
.pages {
  margin: 0px 0 40px;
  padding-top: 50px;
}
.pages:before,
.pages:after {
  content: " ";
  display: table;
}
.pages:after {
  clear: both;
}
.pages:before,
.pages:after {
  content: " ";
  display: table;
}
.pages:after {
  clear: both;
}
.pages .page-list {
  padding: 0;
  margin: 0;
}
.pages .page-list li {
  float: left;
  list-style: none;
  margin-right: 15px;
}
.pages .page-list li.pre,
.pages .page-list li.next,
.pages .page-list li.last {
  margin-top: -1px;
}
.pages .page-list li.page-num a {
  padding: 5px 8px;
  display: inline-block;
  -webkit-transition: 0.2s ease background;
  -o-transition: 0.2s ease background;
  transition: 0.2s ease background;
}
.pages .page-list li.page-num a:hover,
.pages .page-list li.page-num a.active {
  border: 1px solid #000;
  background: #000;
  color: #fff;
  margin: -1px;
}
.pages .page-other-info {
  float: right;
  font-size: 12px;
}
.pages .page-other-info .num {
  width: 20px;
  height: 20px;
  text-align: center;
  margin-right: 3px;
  border: 1px solid #000000;
}
.pages .page-other-info .btn-p {
  border: 1px solid #000;
  height: 20px;
  background: #fff;
  margin-left: 4px;
  -webkit-transition: 0.2s ease;
  -o-transition: 0.2s ease;
  transition: 0.2s ease;
}
.pages .page-other-info .btn-p:hover {
  background: #000;
  color: #fff;
}
.pages .page-other-info .p-mar {
  padding: 0 10px;
}
.steps {
  margin: 45px 0 30px 0;
  padding: 0;
}
.steps:before,
.steps:after {
  content: " ";
  display: table;
}
.steps:after {
  clear: both;
}
.steps:before,
.steps:after {
  content: " ";
  display: table;
}
.steps:after {
  clear: both;
}
.steps li {
  list-style: none;
  position: relative;
  float: left;
  font-size: 12px;
  margin-right: 20px;
}
.steps li:after {
  position: absolute;
  top: 0;
  right: -15px;
  color: #666666;
  content: '>';
}
.steps li:last-child:after {
  display: none;
}
.form-label {
  display: block;
  font-size: 12px;
}
.form-input {
  border: 1px solid #000;
  background: #fff;
  width: 100%;
  box-sizing: border-box;
  padding: 5px;
  *width: 95%;
  *box-sizeing: content-box;
  *padding: 10px 2%;
  font-size: 12px;
}
.form-input.error {
  border-color: #F65757;
}
.form-input-mt {
  margin-top: 6px;
}
.form-input-line {
  border: none;
  border-bottom: 1px solid #000;
  background: #fff;
}
.form-input-line.error {
  border-color: #F65757;
}
label.error {
  color: #F65757;
  font-size: 12px;
}
.btn-input {
  background: #000;
  border: none;
  width: 100%;
  padding: 10px 15px;
  box-sizing: border-box;
  *width: 95%;
  *box-sizeing: content-box;
  *padding: 10px 2%;
  font-size: 12px;
  color: #fff;
  text-align: center;
}
.form-tip {
  font-size: 12px;
  height: 15px;
  margin-bottom: 8px;
}
.txt-error {
  color: #F65757;
}
.txt-success {
  color: #46BE3A;
}
.form-txt {
  font-size: 12px;
  line-height: 30px;
}
.txt-center {
  text-align: center;
}
.txt-success-lg {
  font-size: 24px;
  margin: 30px 0;
  text-align: center;
}
.custom-radio {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 1px solid #000000;
  cursor: pointer;
  margin-right: 20px;
}
.custom-radio .checked {
  content: '';
  position: absolute;
  left: 3px;
  top: 3px;
  width: 8px;
  height: 8px;
  background: #000;
  display: none;
}
.d-mask {
  background: #000000;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.dialog-box {
  background: #fff;
  position: fixed;
  z-index: 1000;
  top: 10%;
  left: 50%;
  width: 370px;
  margin-left: -185px;
  box-shadow: 0 0 20px #000;
}
.dialog-box .dialog-close {
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
}
.dialog-box .dialog-body {
  margin: 40px 40px 10px;
}
.dialog-box .dialog-title {
  font-size: 16px;
  text-align: center;
  width: 100%;
  line-height: 34px;
  border-bottom: 1px solid #979797;
}
/****************************/
.index_img{
	border:0;
	width:988px;
	height:615px;
}

.container_left_text{
	width: 330px;
	height:270px;
	margin:110px 0 0 -354px;
	font-size:12px;
	font-family:"微软雅黑";
	/*background-color:pink;*/
	float:left;
}

._submit{
	margin:382px 0 0 -222px;
	float:left;
}

#file_form{
	width:560px;
	height:408px;
	/*background-color:pink;*/
	margin:-102px 0 0 410px;
	float:left;
}
.container_right{
	margin:0;
}

.the_left{
	width:240px;
	margin:0 0 0 2px;
}

.container_right_file{
	margin:10px 0 0 0px ;
	width:160px;
}

.file_submit{
	width:50px;
	height:23px;
	margin:10px 0 0 -2px;
}

.the_button{
	width:50px;
	height:23px;
	margin: 10px 5px 0 0;
	float:right;
}


.total_style_top{
	height:20px;
	margin:50px 0 0 0;
	display:inline-block;
	font-size:13px;
}

.the_style{
	margin:17px 0 0 50px ;
}

.total_style_bottom{
	height:30px;
	margin:2px 0 0 0;
	display:inline-block;
	font-size:13px;
}
.the_style_1{
	margin:15px 0 0 50px;
}
.the_style_2{
	margin:15px 0 0 50px;
}
.the_style_3{
	margin:15px 0 0 37px;
}
.the_style_4{
	margin:15px 0 0 50px;
}
.the_style_5{
	margin:15px 0 0 24px;
}
.the_style_6{
	margin:15px 0 0 15px;
}